﻿@model dynamic
           @{
    ViewBag.Title = "HubChat";
}

<script src="@Url.Content("~/Scripts/hubDemo.js")" type="text/javascript"></script>
		<title>Default Examples</title>
		<style>
			form {
				margin: 0;
			}
			textarea {
				display: block;
			}
		</style>
        <script>
            var editor;
            KindEditor.ready(function (K) {
                editor = K.create('textarea[name="content"]', {
                    resizeType: 1,
                    allowPreviewEmoticons: false,
                    allowImageUpload: false,
                    items: [
						'fontname', 'fontsize', '|', 'forecolor', 'hilitecolor', 'bold', 'italic', 'underline',
						'removeformat', '|', 'justifyleft', 'justifycenter', 'justifyright', 'insertorderedlist',
						'insertunorderedlist', '|', 'emoticons', 'image', 'link']
                });
            });
		</script>
		
<h2>HubChat</h2>
<div>
        <fieldset>
            <legend>帐户信息</legend>

            <div class="editor-label">
            设置名称:<input type="text" id="name" /><input type="button" id="sitename" value="确定" />
            </div>
            <ul>
            <li>1、可设置姓名</li>
            <li>2、可以对指定人说话，直接点击想对下面想说话的名称即可</li>
            <li>3、取消对其说话会回复到对所有人说话</li>
            
            </ul>
        </fieldset>
    </div>
<div>
    <input type="text" id="Placeholder" value="@ViewBag.ClientName" hidden="true"/>
    对：<input type="text" id="hname" />说
    @*<input type="text" id="msg" />*@
    <form>
			<textarea name="content" id="msg" style="width:1000px;height:100px;visibility:hidden;"></textarea>
			
		</form>
    <input type="button" id="broadcast" value="说话" /><input type="button" id="noname" value="取消对其说话"/>
    <br />
    <br />
    <h3>
        消息记录： (你是：<span id="MyClientName">@ViewBag.ClientName</span>):
    </h3>

    <ul id="messages">
    </ul>
</div>

